ng-include(src="'app/components/navbar/navbar.html'")

.main-page
	.container
		.jumbotron.landing-text(ng-hide='jumbotronNotVisible')
			h1.title-text Welcome to Vote.ly
			h2.subtitle-text Click a button below to get started.
			.button-holder
				a.create-button.btn.btn-primary.btn-lg(ng-click='showQuizGenerator()') Create a Quiz!
				a.create-button.btn.btn-success.btn-lg(ng-click='showVoteGenerator()') Create a Vote!
		.jumbotron.list-generator.quiz-generator(ng-hide='quizListNotVisible')
			h1.title-text Create a Quiz. 
			//h2.subtitle-text If this is your first rodeo, click <a href='#'>here</a> for additional instructions.
			form(name='newQuiz' ng-submit='createNewQuiz()')
				.form-group
					label Quiz Name
					input(type='text', name='name', class='form-control' ng-model='quizName' required)
				.form-group
					label Quiz length
					input(type='text', name='name', class='form-control' ng-model='quizLength' required)
				button(type='submit', class='btn btn-primary') Create Quiz!
		.jumbotron.list-generator.vote-generator(ng-hide='voteListNotVisible')
			h1.title-text Create a Vote
			h2.subtitle-text Again with the  rodeo thing. Click <a href='#'>here</a>
			h2 //insert content for vote creation here
	.container.saved-quizzes.container
		p User Name : {{ userName }}
		ul(ng-repeat='quiz in userQuizzes')
			li {{ quiz.name }}
				ul(ng-repeat='question in quiz.questions')
					li {{ question.title }}



